@import url('reset.css');
/* General Demo Style */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{width:100%;overflow:hidden;background-repeat:repeat;font-family:'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;;text-transform: uppercase;}
a{text-decoration:none;outline:none}
*{padding:0;margin:0}
.top-head{width:100%;position:fixed;top:0;left:0;z-index:9999999;	width:100%;
	background:#F6F6F9 url(bg-gray.png) repeat-x 0 0;
	border:1px solid #CCCCCC;
	box-shadow: 0px 2px 5px #DDDDDD;
}
.bottom-end{width:100%;position:fixed;bottom:0;left:0;z-index:9999999;	width:100%;
	background:#F6F6F9 url(bg-gray.png) repeat-x 0 0;
	border:1px solid #CCCCCC;
	box-shadow: 0px 2px 5px #DDDDDD;}
.content-information{width:1000px;text-align:center;padding:8px 10px;}
.content-information>a{ color:#c00;
    padding:20px 22px;
    line-height:40px;
    text-decoration:none;
    display:inline-block;
    outline:0;
    position:relative;
    white-space:nowrap;
	font-weight:700;
	text-shadow:0px 1px 1px #000;
	}
.content-information>a:hover{color:#fff;text-shadow:0x 1px 3px #000}
.toolbar{width:1200px;text-align:left;padding:8px 10px;}
.toolbar>a{color:#e00;font-size:14px;font-weight:700;}
.toolbar>a:hover{color:#f00}
.menu{width:1200px;text-align:left;padding-top:40px;margin:0;}
.menu>a{color:#A00;font-size:12px;font-weight:700;padding:15px 20px;margin:0;border:1px solid #aaa;text-shadow:0x 1px 3px #000}
.product{padding-top:30px;text-align:left;}
.detail{padding-top:45px;color:#500;font-size:12px;font-weight:100;margin:5px;}
 .hr-shadow-top{width:100%;height:3px;float:left;
	background-image: -o-linear-gradient(to top, #00599D 0%, #aaa 100%);
	background-image: -moz-linear-gradient(to top, #00599D 0%, #aaa 100%);
	background-image: -webkit-linear-gradient(to top, #00599D 0%, #aaa 100%);
	background-image: -ms-linear-gradient(to top, #00599D 0%, #aaa 100%);
	background-image: linear-gradient(to top, #00599D 0%, #aaa 100%);
 } 
 .hr-shadow-bottom{width:100%;height:3px;float:left;
	background-image: -o-linear-gradient(to bottom, #00599D 0%, #fff 100%);
	background-image: -moz-linear-gradient(to bottom, #00599D 0%, #fff 100%);
	background-image: -webkit-linear-gradient(to bottom, #00599D 0%, #fff 100%);
	background-image: -ms-linear-gradient(to bottom, #00599D 0%, #fff 100%);
	background-image: linear-gradient(to bottom, #00599D 0%, #fff 100%);
 } 
    .wrapper {  
      width: 650px;  
      margin: auto;  
      padding: 25px 0px;  
    }  
	hgroup>h1{color:#00599D;text-shadow:0px 1px 3px #000;font-size:50px }
    h1, h4 {  
      font-weight: normal;  
      margin: 0;   
    }  
    h1 {   
      font-size: 24pt;  
    }  
    h4 {  
      font-size: 16pt;  
      color: #aaa;   
    }  
    header {  
      margin-bottom: 20px; 
		width:100%;
    }  
	    header {  
      margin-bottom: 20px;  
      }  
	 figure {  
      float: left;
	width:40%;
    }  
    figure img {  
      max-width: 340px;  
	  padding:20px;
	  margin-right:10px;
	  border:1px solid #ccc;
	  box-shadow:1px 1px 3px #aaa;
	  background:#fff;
    }  
	section {     
		line-height: 80%;  
		float: right;  
		width: 60%; 
		color: #00599D; 
		font-size:12px;	  
		padding-top:20px;
		text-shadow:0px 0px 1px #000;
    }  
	 button {  
      background: #b00;  
      background: -moz-linear-gradient(top, #36a9ea 0%, #127fd2 100%);  
      background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#36a9ea), color-stop(100%,#127fd2));  
      background: -webkit-linear-gradient(top, #36a9ea 0%,#127fd2 100%);  
      background: -o-linear-gradient(top, #36a9ea 0%,#127fd2 100%);  
      background: -ms-linear-gradient(top, #36a9ea 0%,#127fd2 100%);  
      background: linear-gradient(top, #36a9ea 0%,#127fd2 100%);  
      filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#36a9ea', endColorstr='#127fd2',GradientType=0 );  
      border: 1px solid #00599d;  
      color: #fff;  
      padding: 8px 20px;  
      -webkit-border-radius: 3px;  
      border-radius: 3px;  
      -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), inset 0px 1px 0px 0px rgba(250, 250, 250, .3);  
      box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), inset 0px 1px 0px 0px rgba(250, 250, 250, .3);  
      text-shadow: 0px 1px 1px #156cc4;  
      filter: dropshadow(color=#156cc4, offx=0, offy=1);  
      font-size: 10pt;   
    }  
      
    button:hover {  
      background: #c00;  
      background: -moz-linear-gradient(top, #2f90d5 0%, #0351b7 100%);  
      background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#2f90d5), color-stop(100%,#0351b7));  
      background: -webkit-linear-gradient(top, #2f90d5 0%,#0351b7 100%);  
      background: -o-linear-gradient(top, #2f90d5 0%,#0351b7 100%);  
      background: -ms-linear-gradient(top, #2f90d5 0%,#0351b7 100%);  
      background: linear-gradient(top, #2f90d5 0%,#0351b7 100%);  
      filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2f90d5', endColorstr='#0351b7',GradientType=0 );  
    }  
      
    button:active {  
      background: #d00;  
      -webkit-box-shadow: inset 0px 2px 1px 0px rgba(0, 47, 117, .5), 0px 1px 1px 0px rgba(0, 0, 0, 0);  
      box-shadow: inset 0px 2px 1px 0px rgba(0, 47, 117, .5), 0px 1px 1px 0px rgba(0, 0, 0, 0);   
    }  
	